<template>
    <view>
        <view class="list-container">
            <view class="item">
				<view class="top-label" @click="retract">
					<view>基本信息</view>
					<view v-if="showBasicInformation.show"><uv-icon name="arrow-down" size="40rpx" color="#000000"></uv-icon></view>
					<view v-else><uv-icon name="arrow-right" size="40rpx" color="#000000"></uv-icon></view>
				</view>
                <view class="info" v-if="showBasicInformation.show">
                    <view class="row">
                        <view class="title">学校名称:</view>
                        <view class="con">{{ form.schoolName }}</view>
                    </view>
                    <view class="row">
                        <view class="title">校长姓名:</view>
                        <view class="con">{{ form.headmasterName }}</view>
                    </view>
                    <view class="row">
                        <view class="title">学校办学性质:</view>
                        <view class="con">{{ form.schoolNature }}</view>
                    </view>
                    <view class="row">
                        <view class="title">供餐模式:</view>
                        <view class="con">{{ form.feedingMode }}</view>
                    </view>
                    <view class="row">
                        <view class="title">食堂名称:</view>
                        <view class="con">{{ form.cafeteriaName }}</view>
                    </view>
                    <view class="row">
                        <view class="title" style="width: 300rpx;">食安管理人员:</view>
                        <view class="con">{{ form.canteenPerson }}</view>
                    </view>

                </view>
            </view>
        </view>

    </view>
</template>

<script setup>
import { ref,reactive } from "vue";
const  showBasicInformation = reactive({show:true})
const form = ref({ schoolName: '长春第一实验幼儿园', headmasterName: '去过问', schoolNature: '公办', feedingMode: '自有食堂', cafeteriaName: '长春市第一幼儿园食堂', canteenPerson: '张哈哈' })

function retract(){
	showBasicInformation.show = !showBasicInformation.show
	}
</script>

<style lang="scss" scoped>
@import "@/static/css/dailycheck/viewIndex.scss";
</style>